<html>
<head>
<title>SPG社交俱乐部</title>
<include file="SPGPub:header" />

<style type="text/css">
.hide_box{width:300px;color:#444;background:#fff;box-shadow:1px 2px 2px #555;display:none;}
.hide_box h4{height:26px;line-height:26px;overflow:hidden;background:#493266;color:#fff;padding:0 10px;border:1px solid #493266;font-size:14px;margin: 0;}
.hide_box p{padding:30px 10px;font-size:13px;margin: 0;}
.dig {
	width: 100%;
}

.dig td {
	padding:5px;
	width: 33%;
}

.hubimg{
margin:-10px;
padding:3px 0;
background-color: #fff;
}
.hubbox{
margin:15px -10px;
}

.hubbox > div{
padding: 20px 0;
border-bottom: 2px solid #CCC4D9;
position: relative;
}

.hubbox > div :after{
display: inline-block;
content: " ";
width: 16px;
height: 16px;
border-bottom: 2px solid #664F8D;
border-right: 2px solid #664F8D;
position: absolute;
right:10px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);

}

.hubbox > div a{
	color: #000;
	font-size: 18px;
}
</style>

</head>

<body>

<header class="titlebar">
		<a href="{cms>:U('Spgclub/index')}">返回</a>
		<h1>SPG社交俱乐部</h1>
</header>

<div class="container">
	
	<div class="hubimg">
	<img src="{cms>:RES}/images/hub.png" width="100%"/>
	</div>
	
	<div class="box hubbox">
		<div>
			<a href="javascript:showMsg(0);">SPG俱乐部介绍</a>
		</div>
		
		<div>
			<a href="{cms>:U('Spgclub/myProfile')}">我的资料</a>
		</div>
		
		<div>
			<a href="{cms>:U('Spgclub/nearby')}">推荐附近的人</a>
		</div>
		
		<div>
			<a href="{cms>:U('Spgclub/chatRecord')}">我的聊天记录</a>
		</div>
		
		<div>
			<a href="{cms>:U('Spgclub/blacklist')}">黑名单管理</a>
		</div>
		<!--
		<div>
			<a class="btn" href="javascript:showMsg(0);">SPG俱乐部介绍</a>
			<br/>
			<br/>
			 <a class="btn" href="javascript:showMsg(1);">我的资料</a>
			<a class="btn" href="{cms>:U('Spgclub/myProfile')}">我的资料</a>
			<br/>
			<br/>
			<!-- <a class="btn" href="javascript:showMsg(2);">推荐附近的人</a>
			<a class="btn" href="{cms>:U('Spgclub/nearby')}">推荐附近的人</a>
			<br/>
			<br/>
			<!-- <a class="btn" href="javascript:showMsg(3);">我的聊天记录</a>
			<a class="btn" href="{cms>:U('Spgclub/chatRecord')}">我的聊天记录</a>
			<br/>
			<br/>
			<a class="btn" href="{cms>:U('Spgclub/blacklist')}">黑名单管理</a>
			<br/>
			<br/>
		</div>
		-->
	</div>
</div>

<include file="SPGPub:footer" />

<div class="hide_box" id="testBox"> 
	<h4>提示</h4> 
	<p id="spg_msg">easyDialog：简单、实用的弹出层 : )</p> 
	<table class="dig">
		<tr>
			<td><a class="btn" href="javascript:close();">取消</a></td>
			<td></td>
			<td><a id="spg_action" class="btn" href="">确定</a></td>
		</tr>
	</table>
</div>

<script src="{cms>:STATICS}/easydialog.min.js"></script>
<script type="text/javascript">
function showMsg(type){
	
	confirType(type);
	
	easyDialog.open({
		container : 'testBox'
	});
}

function close(){
	easyDialog.close();
}

function confirType(type){
	
	var action = document.getElementById('spg_action');
	var msg = document.getElementById('spg_msg');
	
	//根据不同的情况回复不同的消息和链接
	switch(type) {
		case 0:
			//该城市无服务
			action.innerHTML = "客服中心";
			msg.innerHTML = '抱歉，目前该服务仅向SPG俱乐部金会籍和白金会籍会员开放，如有问题，请与我们的客服中心联系！';
		break;
			
		case 1:
			//未登录
			action.innerHTML = "登陆";
			msg.innerHTML ='目前该服务仅向SPG俱乐部金会籍和白金会籍会员开放，请点击登录，操作成功后可开启该服务。';
		break;
			
		case 2:
			//等级不符合
			action.innerHTML = "客服中心";
			msg.innerHTML ='抱歉，目前该服务仅向SPG俱乐部金会籍和白金会籍会员开放，如有问题，请与我们的客服中心联系！';
		break;	
		
		case 3:
			//初次使用
			action.innerHTML = "我的资料";
			msg.innerHTML = '您好，欢迎您光临SPG俱乐部，请先填写您的基本资料，以便我们为您推荐更合适的旅途伙伴。';
		break;	
	}
}
</script>

</body>
</html>
